﻿@using DevExpress.Blazor

<div class="demo-description" id="DayView">
    <h2><DemoNavLink Link="SchedulerViewTypes#DayView" />Scheduler - Day View</h2>
    <p>
        This module demonstrates how to configure the Day View (<a class="helplink" target="_blank" href="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxSchedulerDayView">DxSchedulerDayView</a>).
    </p>
</div>

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             CssClass="mw-1100">
    <DxSchedulerDayView ShowWorkTimeOnly="true" DayCount="1"></DxSchedulerDayView>
</DxScheduler>
<CodeSnippet_Scheduler_DayView></CodeSnippet_Scheduler_DayView>

@code {
    DxSchedulerDataStorage DataStorage = new DxSchedulerDataStorage() {
        AppointmentsSource = AppointmentCollection.GetAppointments(),
        AppointmentMappings = new DxSchedulerAppointmentMappings() {
            Type = "AppointmentType",
            Start = "StartDate",
            End = "EndDate",
            Subject = "Caption",
            AllDay = "AllDay",
            Location = "Location",
            Description = "Description",
            LabelId = "Label",
            StatusId = "Status",
            RecurrenceInfo = "Recurrence"
        }
    };
}
